<style>
    body{
        background-color: #f9f9f9;
    }
    .info{
        background-color: #d9edf7;
    }
    .progress{
        margin-top: 3px;
        margin-bottom: 0px;
    }
</style>

<table class="table table-hover">
    <tr>
        <th>当前进度</th>
        <td><div class="progress"><div class="progress-bar " style="width: {{ process }};background-color: #5c9dff;"></div></div></td>
    </tr>
    <tr >
        <th>已读/应读人数</th>
        <td><span style="color: #00aced">{{ processStr }}</span></td>
    </tr>
    <tr class="info">
        <th>未读职工名称</th>
        <th>部门</th>
    </tr>
    {% for key,item in userArray %}
        <tr>
            <td>{{ item["sStaffName"] }}</td>
            <td>{{ item["sDepIds"] }}</td>
        </tr>
    {% endfor %}
</table>